<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>å†…å®¹å®¡æ ¸ä¸</title>
    <style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;align-items:center;justify-content:center}.container{background:#fff;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);text-align:center;max-width:500px;width:90%;margin:1.25rem}.icon{width:5rem;height:5rem;margin:0 auto 1.875rem;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.icon::before{content:"â³";font-size:2.25rem;color:#fff}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(243,156,18,0)}70%{transform:scale(1.05);box-shadow:0 0 0 1.25rem rgba(243,156,18,0)}}h1{font-size:2.2rem;color:#2c3e50;margin-bottom:1.25rem;font-weight:600}.subtitle{color:#7f8c8d;margin-bottom:1.875rem;line-height:1.6}.contact{margin-top:1.5625rem;padding-top:1.25rem;border-top:1px solid #eee;color:#7f8c8d}.contact a{color:#3498db;text-decoration:none}.contact a:hover{text-decoration:underline}@media (max-width:480px){.container{padding:2.5rem 1.5625rem}h1{font-size:1.8rem}.icon{width:3.75rem;height:3.75rem;margin-bottom:1.25rem}.icon::before{font-size:1.75rem}}</style>
    <script src="https://cdn.html.cn/jquery.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="icon"></div>
        <h1>å†…å®¹å®¡æ ¸ä¸</h1>
        <p class="subtitle">å†…å®¹æ£åœ¨å®¡æ ¸ï¼Œè¯·è€å¿ƒç‰å¾…ï¼</p>
        <div class="contact">å¦‚æœ‰ç–‘é—®ï¼Œè¯·è”ç³»ç®¡ç†å‘˜ï¼ï¼</div>
    </div>
</body>
</html>